<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<title></title>
		<link rel="stylesheet" href="css/theme.css" />
		<link rel="stylesheet" href="css/reset.css">
		<link rel="stylesheet" href="css/index.css">
		<script src="js/index.js"></script>
	</head>

	<body>

		<!--顶部tab开始-->
		<div class="head">
			<!--通知开始-->
			<div class="notice">
				<img src="image/message.png" class="head-icon notice-img">
			</div>
			<!--通知结束-->
			<div class="title">
				Mall商城
			</div>
			<!--购物车和查找start-->
			<div class="right-wrapper">
				<img src="image/search.png" class="head-icon right-img">
				<img src="image/shoppingBag.png" class="head-icon right-img">
			</div>
			<!--购物车和查找end-->
		</div>
		<!--顶部tab结束-->

		<div class="block-head"></div>

		<!--中间开始-->
		<div class="content-warpper">
			<div class="tab-warpper" id="indexPageContent">a</div>
			<div class="categoty-warpper" id="categoryPageContent">
				<div class="category-left">
					<div class="function" id="category-page">
						<div class="item category-active" id="pageOne">
							<span class="fontSize4">服装</span>
						</div>
						<div class="item" id="pageTwo">
							<span class="fontSize4">餐厨</span>
						</div>
						<div class="item" id="pageThree">
							<span class="fontSize4">配件</span>
						</div>
						<div class="item" id="pageFour">
							<span class="fontSize4">居家</span>
						</div>
						<div class="item" id="pageFine">
							<span class="fontSize4">洗护</span>
						</div>
						<div class="item" id="pageSex">
							<span class="fontSize4">婴童</span>
						</div>
						<div class="item" id="pageSeven">
							<span class="fontSize4">杂货</span>
						</div>
						<div class="item" id="pageEight">
							<span class="fontSize4">饮食</span>
						</div>
					</div>
				</div>
				<div class="category-right">
					<div class="function">
						<div class="item">
							<img src="image/nk.png" class="img " />
							<span class="">内裤</span>
						</div>
						<div class="item">
							<img src="image/ny.png" class="img " />
							<span class="">内衣</span>
						</div>
						<div class="item">
							<img src="image/wz.png" class="img " />
							<span class="">袜子</span>
						</div>
						<div class="item">
							<img src="image/dy.png" class="img " />
							<span class="">大衣</span>
						</div>
						<div class="item">
							<img src="image/jiajufu.png" class="img " />
							<span class="">家居服</span>
						</div>
						<div class="item">
							<img src="image/cs.png" class="img " />
							<span class="">衬衫</span>
						</div>
						<div class="item">
							<img src="image/wt.png" class="img " />
							<span class="">外套</span>
						</div>
						<div class="item  none">
							<div class="img " /></div>
						</div>

					</div>
				</div>
			</div>
			<div class="theme-wrapper" id="themePageContent">
				<div class="move-wrapper" id="moveWrapper">
					<div class="all-wrapper" id="allWrapper">
						<div class="item">
							<img class="img" src="image/loadFail.png">
							<span class="desc">全部专题</span>
						</div>

						<div class="item">
							<img class="img" src="image/loadFail.png">
							<span class="desc">11专题</span>
						</div>

						<div class="item">
							<img class="img" src="image/loadFail.png">
							<span class="desc">222专题</span>
						</div>

						<div class="item">
							<img class="img" src="image/loadFail.png">
							<span class="desc">33专题</span>
						</div>

						<div class="item">
							<img class="img" src="image/loadFail.png">
							<span class="desc">44专题</span>
						</div>

						<div class="item">
							<img class="img" src="image/loadFail.png">
							<span class="desc">55专题</span>
						</div>

						<div class="item">
							<img class="img" src="image/loadFail.png">
							<span class="desc">66专题</span>
						</div>

						<div class="item">
							<img class="img" src="image/loadFail.png">
							<span class="desc">88专题</span>
						</div>
					</div>
				</div>
				<div class="zhuanti">
					<div class="item first">
						<img src="image/loadFail.png" class="img">
						<span>餐厨专题</span>
					</div>
					<div class="item second">
						<img src="image/loadFail.png" class="img">
						<span class="white">热门</span>
					</div>
					<div class="item third">
						<span class="content">五个春天的新提倡</span>
						<span class="red">￥99元起</span>
					</div>
					<div class="item fourth">
						<span class="gray">餐厨起居好物</span>
					</div>
					<div class="item last">
						<div class="left">
							<img src="image/heart-fill.png" class="img">
							<span class="item">100</span>
							<img src="image/eye-fill.png" class="img">
							<span class="item">10000</span>
						</div>
						<div>
							<img src="image/talk-fill.png" class="img messge">
							<span class="item">100</span>
							<img src="image/rightArray2.png" class="img">
						</div>
					</div>
				</div>
				<div class="zhuanti">
					<div class="item first">
						<img src="image/loadFail.png" class="img">
						<span>餐厨专题</span>
					</div>
					<div class="item second">
						<img src="image/loadFail.png" class="img">
						<span class="white">热门</span>
					</div>
					<div class="item third">
						<span class="content">五个春天的新提倡</span>
						<span class="red">￥99元起</span>
					</div>
					<div class="item fourth">
						<span class="gray">餐厨起居好物</span>
					</div>
					<div class="item last">
						<div class="left">
							<img src="image/heart-fill.png" class="img">
							<span class="item">100</span>
							<img src="image/eye-fill.png" class="img">
							<span class="item">10000</span>
						</div>
						<div>
							<img src="image/talk-fill.png" class="img messge">
							<span class="item">100</span>
							<img src="image/rightArray2.png" class="img">
						</div>
					</div>
				</div>


				<div class="neirong"></div>
			</div>
			<!--我的开始-->
			<div class="mine-warpper" id="userPageContent">
				<div class="head-bac">
					<img src="image/head.png" />
					<!--用户信息-->
					<div class="user-info-warpper">
						<div class="username">
							Winder
						</div>
						<div class="vip">
							黄金会员
						</div>
					</div>
					<div class="right-array">
						<img src="image/rightArray.png" />
					</div>
				</div>
				<div class="head-flow">
					<div class="item">
						<div class="title">
							积分
						</div>
						<div class="number">
							100
						</div>
					</div>
					<div class="item">
						<div class="title">
							积分
						</div>
						<div class="number">
							100
						</div>
					</div>
					<div class="item">
						<div class="title">
							积分
						</div>
						<div class="number">
							100
						</div>
					</div>
					<div class="item">
						<div class="title">
							积分
						</div>
						<div class="number">
							100
						</div>
					</div>
				</div>
				<!--我的订单-->
				<div class="dingdan">
					<div class="item">
						<img src="image/dingdan.png">
						<span>我的订单</span>
					</div>
					<div class="item">
						<img src="image/daifukuan.png">
						<span>待付款</span>
					</div>
					<div class="item">
						<img src="image/daishouhuo.png">
						<span>待收货</span>
					</div>
					<div class="item">
						<img src="image/pingjia.png">
						<span>待评价</span>
					</div>
					<div class="item">
						<img src="image/shouhou.png">
						<span>售后服务</span>
					</div>
				</div>
				<!--订单结束-->
				<!-- 收藏开始 -->
				<div class="shoucang">
					<div class="item">
						<img src="image/shoucang.png">
						<span class="content">我的收藏</span>
					</div>
					<div class="item">
						<span class="title">100</span>
						<span class="content">商品</span>
					</div>
					<div class="item">
						<span class="title">100</span>
						<span class="content">专题</span>
					</div>
					<div class="item">
						<span class="title">100</span>
						<span class="content">话题</span>
					</div>
				</div>
				<!-- 收藏结束 -->
				<!-- 足迹开始 -->
				<div class="footpoint">
					<div class="item">
						<img class="pic" src="image/footpoint.png">
						<span class="title">我的足迹</span>
						<span class="content">10</span>
						<img class="right-array" src="image/rightArray2.png">
					</div>
					<div class="item">
						<img class="pic" src="image/pingjia2.png">
						<span class="title">我的评价</span>
						<span class="content">10</span>
						<img class="right-array" src="image/rightArray2.png">
					</div>
					<div class="item">
						<img class="pic" src="image/address.png">
						<span class="title">地址管理</span>
						<span class="content"></span>
						<img class="right-array" src="image/rightArray2.png">
					</div>
				</div>
				<!-- 足迹结束 -->
				<!-- 会员开始 -->
				<div class="huiyuan">
					<div class="item">
						<img class="pic" src="image/vip.png">
						<span class="title">我的会员</span>
						<span class="content">黄金会员</span>
						<img class="right-array" src="image/rightArray2.png">
					</div>
					<div class="item">
						<img class="pic" src="image/service.png">
						<span class="title">服务中心</span>
						<span class="content"></span>
						<img class="right-array" src="image/rightArray2.png">
					</div>
					<div class="item">
						<img class="pic" src="image/set.png">
						<span class="title">系统设置</span>
						<span class="content"></span>
						<img class="right-array" src="image/rightArray2.png">
					</div>
				</div>
				<!-- 会员结束 -->
				<div class="neirong"></div>
			</div>
			<!--我的结束-->


			<!--我的收藏-->

			<!--收藏结束-->
		</div>
		<!--中间结束-->



		<div class="block-foot"></div>

		<!--底部tab开始-->
		<div class="end">
			<div class="item" id="indexPage">
				<img src="image/home.png" class="end-icon">
				<span class="item-text">首页</span>
			</div>
			<div class="item" id="categoryPage">
				<img src="image/choose.png" class="end-icon">
				<span class="item-text">分类</span>
			</div>
			<div class="item" id="themePage">
				<img src="image/zhuanti.png" class="end-icon">
				<span class="item-text">专题</span>
			</div>
			<div class="item" id="userPage">
				<img src="image/mineLight.png" class="end-icon">
				<span class="item-text item-text-select">我的</span>
			</div>

		</div>
		<!--底部tab结束-->
	</body>

</html>
